<?php include './conn.php';?>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta charset="utf-8">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 关键字描述 -->
    <meta name="Keywords" content="茂名职业技术学院,计算机工程系" />
    <meta name="Description" content="计算机工程系" />
    <!-- 设置移动端视图 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>茂名职业技术学院 - 计算机工程系</title>
    <link rel="shortcut icon" href="images/jsj_ico.png">
    <link rel="stylesheet" href="./lib/bootstrap-3.3.7/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./lib/swiper-4.5.0/css/swiper.min.css"/>
    <link rel="stylesheet" href="./css/header.css"/>
    <link rel="stylesheet" href="./css/footer.css"/>
    <link rel="stylesheet" href="css/department.css"/>
    <link rel="stylesheet" href="./css/common.css"/>
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7/html5shiv.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if lte IE 8]>
    <script src="http://cdn.bootcss.com/selectivizr/1.0.2/selectivizr.js"></script>
    <![endif]-->
</head>
<body>

<!--当前浏览器为低版本浏览器时显示start-->
<style>
    .low-version {
        display: none;
        width: 100%;
        height: 100px;
        text-align: center;
        background-color: greenyellow;
    }

    .low-version .low-version-content {
        height: 100%;
    }

    .low-version .low-version-content p {
        line-height: 40px;
        font-size: 20px;
    }
</style>
<div class="low-version">
    <div class="low-version-content">
        <p>您当前的浏览器版本过低,请更新浏览器或更换最新版主流浏览器，以获得更好的浏览体验！</p>
        <p>推荐下载:
            <a href="https://www.google.cn/chrome/">谷歌浏览器</a>
            <a href="http://browser.360.cn/">360浏览器</a>
            <a href="https://browser.qq.com/">QQ浏览器</a>
            <a href="http://www.firefox.com.cn/">火狐浏览器</a>
        </p>
    </div>
</div>
<!--当前浏览器为低版本浏览器时显示end-->

<!--头部区域start-->
<header>
    <div class="top">
        <div class="row">
            <div class="col-xs-4">
                <img
                        class="logo"
                        src="./images/logoarea.png"
                        alt="茂名职业技术学院"
                />
            </div>
            <div class="col-xs-4">
                <h3 class="top-title">计算机工程系</h3>
            </div>
            <div class="col-xs-4 top-search">
                <form class="navbar-form">
                    <div class="form-group">
                        <input
                                type="text"
                                class="form-control input-search"
                                placeholder="请输入您要搜索的新闻"
                        />
                        <button type="submit" class="btn btn-transparent glyphicon glyphicon-search"></button>
                    </div>
                </form>
                <div class="navbar-header pull-right">
                    <button
                            type="button"
                            class="navbar-toggle collapsed"
                            data-toggle="collapse"
                            data-target="#mmvtc-navbar-collapse"
                            aria-expanded="false"
                    >
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
            </div>
        </div>
        <!-- 导航条菜单栏 -->
        <nav class="navbar navbar-mmvtc">
            <div class="container">
                <div class="row">
                    <div class="col-xs-4">
                        <img
                                class="logo"
                                src="./images/logoarea.png"
                                alt="茂名职业技术学院"
                        />
                    </div>
                    <div class="col-xs-5">
                        <h3 class="top-title">计算机工程系</h3>
                    </div>
                    <div class="col-xs-3 top-search">
                        <form class="navbar-form pull-right">
                            <div class="form-group">
                                <button type="button" id="btn-search" class="btn btn-transparent glyphicon glyphicon-search"></button>
                            </div>
                        </form>
                        <div class="navbar-header pull-right">
                            <button
                                    type="button"
                                    class="navbar-toggle collapsed"
                                    data-toggle="collapse"
                                    data-target="#mmvtc-navbar-collapse"
                                    aria-expanded="false"
                            >
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="navbar-header">
                    <button
                            type="button"
                            class="navbar-toggle collapsed"
                            data-toggle="collapse"
                            data-target="#mmvtc-navbar-collapse"
                            aria-expanded="false"
                    >
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- 导航条汉堡菜单start -->
                <div
                        class="collapse navbar-collapse swiper-container"
                        id="mmvtc-navbar-collapse"
                >
                    <ul class="nav navbar-nav swiper-wrapper">
                        <li class="swiper-slide">
                            <a href="index.php">首页 <i></i> <span class="sr-only">(current)</span></a>
                        </li>
                        <?php
                       $query_0 = "select * from tb_category where level = 0  and state=1";
                        //查询一级栏目
                        $category_res_0 = mysqli_query($link, $query_0);
                        if (!$category_res_0) {
                            exit(mysqli_error($link));
                        }
                        if (mysqli_num_rows($category_res_0) > 0) {
                            while ($row0 = mysqli_fetch_array($category_res_0)) {
                                ?>
                                <li class="swiper-slide">
                                    <a href="ShowClass.php#<?php echo $row0['categoryNo'] ?>"><i></i><?php echo $row0['categoryName'] ?>
                                    </a>
                                    <ul class="dropdown">
                                        <?php
                                        $query_1 = "select * from tb_category where level = 1";
                                        //查询二级栏目
                                        $category_res_1 = mysqli_query($link, $query_1);
                                        while ($row1 = mysqli_fetch_array($category_res_1)) {
                                            $row1_path = $row1['path'];
                                            $row1_id_arr = explode(',', $row1_path);
                                            $row1_id = end($row1_id_arr);
                                            if ($row1_id == $row0['id']) {
                                                ?>
                                                <li>
                                                    <a href="ShowClass.php#<?php echo $row0['categoryNo'] . '?id=' . $row1['id']; ?>"><?php echo $row1['categoryName'] ?></a>
                                                </li>
                                                <?php
                                            }
                                        }
                                        ?>
                                    </ul>
                                </li>
                                <?php
                            }
                        }
                        ?>

                        <li class="swiper-slide">
                            <a href="http://www.mmvtc.cn/templet/default/index.jsp">学校官网<i></i> <span class="sr-only">(current)</span></a>
                        </li>
                    </ul>
                    <!--指示器-->
                    <!--<div class="swiper-pagination hidden-md hidden-lg"></div>-->
                    <div class="right-more hidden-md hidden-lg">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </div>
                </div>
                <!-- /.导航条汉堡菜单end -->
            </div>
        </nav>
        <!--小屏时的搜索框start-->
        <div class="sm-searchbox">
            <div class="form-group">
                <input type="text" autofocus class="form-control input-search" placeholder="请输入您要搜索的新闻">
                <button type="submit" class="btn btn-transparent glyphicon glyphicon-search"></button>
            </div>
        </div>
        <!--小屏时的搜索框start-->
    </div>
    <!-- /导航条菜单结束 -->

</header>


<div id="css-file">
    <link rel="stylesheet" href="./css/newsInfo.css">
</div>
<div class="container">
<!--<?php echo '新闻id为：'.$_POST['id'].'，cateNo：'.$_POST['cateNo'] ?>-->
  
        	
                             <div class="news-info">
        <ol class="breadcrumb">
            当前位置：
            <li><a href="./index.php">首页</a></li>
            <?php
              $query_cate = 'select * from tb_news where no='.$_GET['id'];
//                          
                            $rows = mysqli_fetch_array(mysqli_query($link, $query_cate));
            	                            $query_cates = 'select * from tb_category where categoryNo='.$rows['categoryNo'];
            	                            $row_cates =mysqli_fetch_array(mysqli_query($link, $query_cates));
            
			?>

            
            
            <li><a href="./ShowClass.php#<?php echo $row_cates['categoryNo'];?>"><?php echo $row_cates['categoryName'];?></a></li>
           
            <li class="active">新闻详情页</li>
        </ol>
        <div class="news-body row">
        	 <div class="news-content col-md-8">  
        	 	
        	 	
        	 	  <?php
                            $query_news = 'select * from tb_news where no='.$_GET['id'];
//                          $query_cate = 'select * from tb_category where id=2';
//                          $result_cate = mysqli_query($link, $query_cate);
//                          $categoryNo = mysqli_fetch_array($result_cate)['categoryNo'];
                            $result_news = mysqli_query($link, $query_news);
                            while ($row_news = mysqli_fetch_array($result_news)) {echo $row_news['body'];}
                                ?>       	
                                    </div>
            <!--<div class="news-content col-md-8">
                <h4>Adobe资深讲师受邀到我院举行技术讲座——设计之未来形态</h4>
                3月20日，Adobe资深讲师李磊来到我院，为南校区的师生们带来一场设计领域的前沿技术讲座《设计之未来形态》，讲座分下午、晚上两场举行，由计算机工程系辅导员何林老师主持，来自计算机应用技术平面设计方向，数字媒体应用技术专业等设计类专业近500名师生参加了讲座。

                李老师为同学介绍了UI设计的未来前景与规划、UI设计的业务分类、设计师成长条件和UI设计的学习渠道等方面内容，还生动地讲解了各类UI技术应用案例、Adobe黑科技等领域内的前沿技术。通过本次讲座，同学们不单体验到Adobe软件在行业应用中的强大，更从UI设计人才需求紧缺的现状中看到了未来，对如何成为一名成功的设计师有了较为清晰认识，进一步调动了同学们学习设计类专业技术的兴趣和积极性，开阔了同学们的视野。

                <img src="./images/slide01.jpg" width="100%" height="auto" alt="">
                <img src="./images/newsInfo01.png" width="100%" height="auto" alt="">
            </div>-->
            <div class=" col-md-4">
                <div class="art-relate-list panel panel-info">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-tags"></span>   相关文章</h3>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item">Cras justo odio
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Dapibus ac facilisis in
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Morbi leo risus
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Porta ac consectetur ac
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Vestibulum at eros
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                    </ul>
                </div>
                <div class="art-hot-list panel panel-danger">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span>  近期热点</h3>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item">Cras justo odio
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Dapibus ac facilisis in
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Morbi leo risus
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Porta ac consectetur ac
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                        <li class="list-group-item">Vestibulum at eros
                            <p class="click pull-right"><span class="glyphicon glyphicon-eye-open"></span><span class="click-sum">23</span></p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--底部start-->
<footer>
    <div class="container">
        <div class="footer-wrap">
            <div class="contact">
                <h4>联系我们</h4>
                <ul>
                    <li>
                        地址：茂名市电白区沙院镇海城路五路1号 （电话：0668-2920526）
                    </li>
                    <li>
                        电子邮箱：mzjsj@126.com
                    </li>
                    <li>
                        设计与维护：沈大旺工作室
                    </li>
                </ul>
            </div>

            <div class="wechat">
                <div class="wechat-recruit">
                    <p>招生微信号</p>
                    <img src="./images/wx_zhao.jpg" alt="">
                </div>
                <div class="wechat-department">
                    <p>系部微信号</p>
                    <img src="./images/wx_jsj.jpg" alt="">
                </div>
            </div>

            <div class="friend-link">
                <h4>友情链接</h4>
                <ul>
                    <li><a href="">质量工程</a></li>
                    <li><a href="">就业网</a></li>
                    <li><a href="">资源下载</a></li>
                    <li><a href="">招生网</a></li>
                </ul>
            </div>
        </div>
        <div class="copyrights">
            Copyright © 2004-2017 茂名职业技术学院 / 计算机工程系 All Rights Reserved.
        </div>
    </div>
</footer>
<!--右下角悬浮栏start-->
<div class="assist-float-right">
    <div class="add-apartment-weixin"></div>
    <div class="add-zhao-weixin"></div>
    <div class="surf-mobile-web"></div>
    <ul>
        <li class="iconfont icon-weixin"></li>
        <li class="glyphicon glyphicon-phone"></li>
        <li class="iconfont icon-back-top"></li>
    </ul>
</div>
<!--右下角悬浮栏end-->

<script src="./lib/jquery/jquery-1.12.4.js"></script>
<script src="./js/jquery.rotate.js"></script>
<script src="./js/common.js"></script>
<script src="./lib/bootstrap-3.3.7/js/bootstrap.js"></script>
<script src="./lib/swiper-4.5.0/js/swiper.min.js"></script>
<!--<script src="./js/index.js"></script>-->
<script></script>
</body>
</html>
